.box{
    width: 100px;
    height: 100px;
    background-color: red;
    /* transform: rotateZ(45deg) ; */
    animation: rotateZ 2s linear infinite ;
    transform-origin: 50% 50%;
    
}
@keyframes rotateZ {
    0%{
        transform:translateX(0px) rotateZ(0deg) ;
    }
    100%{
        transform:translateX(300px) rotateZ(360deg) ;
    }
}

